<%--
  Created by IntelliJ IDEA.
  User: szq
  Date: 2022/3/24
  Time: 11:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<div style="border-radius: 15px;background-color: #ffffff ;width: 90%;height: 75%;margin-left: 5%;margin-top: 1%;min-width: 1px;min-height: 600px;position: relative;max-width: 90%;max-height: 650px">

    <div class="data_list_title" style="margin-left: 20px;margin-top: 10px">
        <br>
        <span class="glyphicon glyphicon-list"></span>&nbsp;类型列表
        &nbsp;&nbsp;<button class="btn btn-success" type="button" onclick="getDataExcel(3)">导出</button>
    </div>
    <div id="myDiv" style="margin: 20px;margin-top: 10px">
        <%-- 通过JSTl的if标签，判断类型集合是否存在 --%>
        <%--  如果不存在，则显示对应的提示信息（暂未查询到类型数据！） --%>
        <c:if test="${empty page}" >
            <h2>暂未查询到类型数据！</h2>
        </c:if>
        <c:if test="${!empty page}" >
            <%-- 如果存在，通过JSTL的forEach标签进行遍历 --%>
            <table id="myTable" class="table table-hover table-striped">
                <tbody>
                <tr>
                    <th>ID</th>
                    <th>所属用户</th>
                    <th>用户类型排序</th>
                    <th>名称</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                    <%-- 遍历类型集合 --%>
                <c:forEach items="${page.dataList}" var="item" varStatus="i">
                    <tr id="tr_${item.id}">
                            <%--<td>${i.index+1}</td>
                            <td>${item.typeName}</td>--%>
                        <td>${item.id}</td>
                        <td >${item.userID}</td>
                        <td >${item.userTypeID}</td>
                        <td>${item.name}</td>

                        <c:if test="${item.status == 1}">
                            <td id="type_s_${item.id}">正常</td>
                        </c:if>
                        <c:if test="${item.status == 0}">
                            <td id="type_s_${item.id}"><font color="#d9534f">删除</font></td>
                        </c:if>

                        <td id="type_b_${item.id}">
                                <%--正常加私密--%>
                            <c:if test="${item.status == 1}">
                                <button class="btn btn-danger del" type="button" onclick="deleteBlogType(${item.id})">删除</button>
                            </c:if>
                                <%--删除加私密--%>
                            <c:if test="${item.status == 0}">
                                <button class="btn btn-success" type="button" onclick="liveBlogType(${item.id})">恢复</button>
                            </c:if>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
        </c:if>
    </div>

    <%-- 设置分页导航 --%>
    <nav style="text-align: center;position: fixed;bottom: 5px;left: 35%;min-width: 30%">
        <ul class="pagination  center">
            <%-- 如果当前不是第一页，则显示上一页的按钮 --%>
            <c:if test="${page.pageNum > 1}">
                <li>

                    <a href="admin?pageNum=${page.prePage}&actionName=type"><span>«</span> </a>

                </li>
            </c:if>
            <%-- 导航页数 --%>
            <c:forEach begin="${page.startNavPage}" end="${page.endNavPage}" var="p">
                <li <c:if test="${page.pageNum == p}">class="active"</c:if> >

                    <a href="admin?pageNum=${p}&actionName=type">${p}</a>
                </li>
            </c:forEach>
            <%-- 如果当前不是最后一页，则显示下一页的按钮 --%>
            <c:if test="${page.pageNum < page.totalPages}">
                <li>

                    <a href="admin?&pageNum=${page.nextPage}&actionName=type">

                        <span>»</span>
                    </a>
                </li>
            </c:if>
        </ul>
    </nav>

</div>
